@charset "utf-8";html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:50px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}@media screen and (orientation:portrait){html{font-size:13.333vw}}@media screen and (orientation:landscape){html{font-size:7.496vw}}a,img{-webkit-touch-callout:none}body,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,td,textarea,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}li{list-style:none}em{font-style:normal}img{vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button:focus,input:focus,textarea:focus{outline:0}a,a:hover{text-decoration:none}img{vertical-align:middle}button,input,select,textarea{font-family:inherit;font-size:100%;-webkit-appearance:none}body{font-family:'PingFang SC',"Helvetica Neue",Arial,sans-serif;color:#2a2a2a;line-height:1.5;background-color:#fff}.wrap{font-size:.24rem}.ui_c_primary{color:#2a2a2a}.ui_c_gray{color:#919191}.ui_c_weak{color:#ababab}.ui_c_strong{color:#fc1717}.icon_arrow_gr{display:inline-block;width:.12rem;height:.12rem;margin:0 .05rem;border-top:.03rem solid #919191;border-right:.03rem solid #919191;-webkit-transform:rotate(45deg)}.icon_arrow_gd{display:inline-block;width:.16rem;height:.16rem;margin-left:.05rem;border-bottom:.03rem solid #919191;border-right:.03rem solid #919191;-webkit-transform:rotate(45deg)}.btn_normal{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:-ms-flex;-ms-flex-align:center;-ms-flex-pack:center;display:flex;align-items:center;justify-content:center;background-color:#fff;box-sizing:border-box;border-radius:999px;border:1px solid #e5e5e5;color:#2a2a2a}.btn_common{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:-ms-flex;-ms-flex-align:center;-ms-flex-pack:center;display:flex;align-items:center;justify-content:center;background-color:#fff;box-sizing:border-box;border-radius:999px;border:1px solid #e5e5e5;color:#fc1717}.btn_strong{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:-ms-flex;-ms-flex-align:center;-ms-flex-pack:center;display:flex;align-items:center;justify-content:center;background-color:#fc1717;box-sizing:border-box;border-radius:999px;color:#fff}.btn_disable{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:-ms-flex;-ms-flex-align:center;-ms-flex-pack:center;display:flex;align-items:center;justify-content:center;background-color:#e5e5e5;box-sizing:border-box;border-radius:999px;color:#919191}.btn_xl{height:.96rem;font-size:.32rem;font-weight:500}.btn_large{height:.8rem;padding:0 .5rem;font-size:.32rem;font-weight:500}.btn_middle{height:.6rem;padding:0 .3rem;font-size:.28rem;font-weight:500}.page_god__firework{position:absolute;left:0;right:0;top:30%;bottom:0}.page_god__after,.page_god__before{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}.active .page_god__after,.active .page_god__before{-webkit-animation:1s bang ease-out 3 backwards,1s gravity ease-in 3 backwards,5s position linear 3 backwards;animation:1s bang ease-out 3 backwards,1s gravity ease-in 3 backwards,5s position linear 3 backwards}.active .page_god__before{-webkit-animation-delay:3.2s,3.2s,3.2s;animation-delay:3.2s,3.2s,3.2s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}.active .page_god__after{-webkit-animation-delay:3.2s,3.2s,3.2s;animation-delay:3.2s,3.2s,3.2s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{to{box-shadow:-147px -153.67px #001eff,66px -88.67px #2bff00,-207px -305.67px #fb00ff,179px 53.33px #0f7,130px -195.67px #0091ff,-154px -157.67px #00bfff,231px -208.67px #d0f,-84px 59.33px #ff8400,-52px 47.33px #f10,-230px 39.33px #fff700,171px -317.67px #e6ff00,143px -200.67px #0040ff,112px -214.67px #00bfff,-100px -262.67px #ff1a00,35px 47.33px #ff00d0,-222px -262.67px #f01,156px -304.67px #95ff00,2px 11.33px #2fff00,-55px -210.67px #f2ff00,-138px 47.33px #ff1500,-20px -2.67px #00ff9d,-124px -350.67px #00ff1a,64px -29.67px #0ef,185px -128.67px #ffd900,-136px -412.67px #00ff6a,-106px -242.67px #5f0,122px -331.67px #ff00ea,-5px -39.67px #0f2,237px -408.67px #f700ff,-40px 81.33px #1eff00,-106px -67.67px #ff0051,14px -32.67px #ff7300,-214px -255.67px #3700ff,-41px -322.67px #ff0080,-15px -222.67px #26ff00,212px 49.33px #0037ff,69px -215.67px #ff4d00,-12px -165.67px #ff0048,-151px -91.67px #06f,215px -142.67px #00ffbf,-113px -337.67px #0900ff,-199px -361.67px #c4ff00,-230px -49.67px #00ff6f,181px -138.67px #ff0004,132px -399.67px #ff2f00,197px -168.67px #00ffb7,-126px -201.67px #ff0062,189px -233.67px #ff1a00,236px -35.67px #ff2b00,-193px 25.33px #0900ff,115px 7.33px #00b7ff}}@keyframes bang{to{box-shadow:-147px -153.67px #001eff,66px -88.67px #2bff00,-207px -305.67px #fb00ff,179px 53.33px #0f7,130px -195.67px #0091ff,-154px -157.67px #00bfff,231px -208.67px #d0f,-84px 59.33px #ff8400,-52px 47.33px #f10,-230px 39.33px #fff700,171px -317.67px #e6ff00,143px -200.67px #0040ff,112px -214.67px #00bfff,-100px -262.67px #ff1a00,35px 47.33px #ff00d0,-222px -262.67px #f01,156px -304.67px #95ff00,2px 11.33px #2fff00,-55px -210.67px #f2ff00,-138px 47.33px #ff1500,-20px -2.67px #00ff9d,-124px -350.67px #00ff1a,64px -29.67px #0ef,185px -128.67px #ffd900,-136px -412.67px #00ff6a,-106px -242.67px #5f0,122px -331.67px #ff00ea,-5px -39.67px #0f2,237px -408.67px #f700ff,-40px 81.33px #1eff00,-106px -67.67px #ff0051,14px -32.67px #ff7300,-214px -255.67px #3700ff,-41px -322.67px #ff0080,-15px -222.67px #26ff00,212px 49.33px #0037ff,69px -215.67px #ff4d00,-12px -165.67px #ff0048,-151px -91.67px #06f,215px -142.67px #00ffbf,-113px -337.67px #0900ff,-199px -361.67px #c4ff00,-230px -49.67px #00ff6f,181px -138.67px #ff0004,132px -399.67px #ff2f00,197px -168.67px #00ffb7,-126px -201.67px #ff0062,189px -233.67px #ff1a00,236px -35.67px #ff2b00,-193px 25.33px #0900ff,115px 7.33px #00b7ff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-webkit-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@font-face{font-family:NotoSansCJKtc-Bold;src:url(font/NotoSansCJKtc-Bold.eot);src:url(font/NotoSansCJKtc-Bold.woff) format("woff"),url(font/NotoSansCJKtc-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:NotoSansCJKtc-Regular;src:url(font/NotoSansCJKtc-Regular.eot);src:url(font/NotoSansCJKtc-Regular.woff) format("woff"),url(font/NotoSansCJKtc-Regular.ttf) format("truetype");font-style:normal;font-weight:400}.btn_down,.mod_nav__btn,.mod_tit h2,.page_sound__word p:first-child{font-family:NotoSansCJKtc-Bold,'PingFang SC',"Helvetica Neue",Arial,sans-serif}.mod_tit h3{font-family:NotoSansCJKtc-Regular,'PingFang SC',"Helvetica Neue",Arial,sans-serif}.icon_seven{display:block;width:7.5rem;height:9rem;stroke:none;fill:rgba(255,23,23,1)}.icon_play_b{display:block;width:.8rem;height:.8rem;stroke:none;fill:rgba(255,255,255,.8)}.icon_arrow{display:block;width:.47rem;height:.26rem;background:url(img/intro/arrow.png?max_age=2592000&v=8997f632f4048049755ebb2b2e203cd5) no-repeat;background-size:100% auto;font-size:0;line-height:0}.wrap_index{width:100%;overflow:hidden;font-size:.24rem}.page_index{position:relative;width:100%;padding:1.2rem 0}.page_home{width:100%;overflow:visible}.page_ui{position:relative;width:100%;height:19.6rem}.page_sound{background:url(img/intro/bg_red.png?max_age=2592000&v=f5e01dde6a2c15af6f726788702dfbdb) repeat-y;background-size:100% auto}.page_mv{position:relative;background:url(img/intro/bg_red.png?max_age=2592000&v=f5e01dde6a2c15af6f726788702dfbdb) repeat-y;background-size:100% auto;padding-top:0}.page_mv:before{content:"";position:absolute;left:0;right:0;bottom:0;height:6rem;background:url(img/intro/bg_black.png?max_age=2592000&v=ebd4904c0add879ea773b92119cdea3c) no-repeat center center;background-size:100% auto}.page_friend{padding-bottom:0;overflow:hidden}.page_god{background:url(img/intro/bg_red.png?max_age=2592000&v=f5e01dde6a2c15af6f726788702dfbdb) repeat-y;background-size:100% auto;overflow:hidden}.page_god .page_index,.page_sound .page_index{padding-bottom:0}.page_first{background-color:#f7f7f7}.mod_header{position:absolute;left:0;top:0;display:-webkit-flex;-webkit-flex-direction:column;-webkit-align-items:center;-webkit-justify-content:space-between;width:100%;height:100%}.mod_header__con{position:relative;width:100%;height:0;padding-top:120%;border-radius:0 0 .24rem .24rem;overflow:hidden}.mod_header__con:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#CF100D}.mod_header__con .icon_seven{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.mod_header__new{position:absolute;right:.4rem;bottom:.4rem;width:1.85rem;height:1.32rem;background:url(img/intro/home_new.png?max_age=2592000&v=6574d012c50b84928e6c8e40816a5afc) no-repeat;background-size:100% auto;font-size:0;line-height:0}.mod_header__info{position:relative;width:3.7rem;height:.69rem;margin-top:.2rem}.mod_header__info h2,.mod_header__info h3{position:absolute;left:0;top:0;margin:0 auto;font-size:0;line-height:0}.mod_header__tit{width:3.7rem;height:.69rem;background:url(img/intro/home_tit.png?max_age=2592000&v=6c2871ae144503dc178f8f61c997d058) no-repeat;background-size:100% auto}.mod_header__ui{width:3.7rem;height:.69rem;background:url(img/intro/home_ui.png?max_age=2592000&v=0fa0ff4671d79f09a97aeacb483776b7) no-repeat;background-size:100% auto}.mod_header__guide{text-align:center;margin:.2rem 0 .3rem}.mod_header__con .icon_seven,.mod_header__con:before,.mod_header__guide,.mod_header__info,.mod_header__new,.mod_nav__down,.mod_nav__logo,.mod_nav__menu{opacity:0}.play .mod_header__con:before{opacity:1;-webkit-transition:opacity .3s ease-in-out .3s;-webkit-animation:slideInRight 1.2s ease-in-out .3s forwards}.play .mod_header__con .icon_seven{opacity:1;-webkit-transition:opacity .3s ease-in-out .3s;-webkit-animation:slideInLeft 1.2s ease-in-out .3s forwards}.play .mod_nav__down{opacity:1;-webkit-transition:opacity .3s ease-in-out .6s;-webkit-animation:slideInRight 1.2s ease-in-out .6s forwards}.play .mod_nav__menu{opacity:1;-webkit-transition:opacity .3s ease-in-out .5s;-webkit-animation:slideInRight 1.2s ease-in-out .5s forwards}.play .mod_nav__logo{opacity:1;-webkit-transition:opacity .3s ease-in-out .5s;-webkit-animation:slideInLeft 1.2s ease-in-out .5s forwards}.play .mod_header__new{opacity:1;-webkit-transition:opacity .3s ease-in-out .8s;-webkit-animation:slideInUp 1.2s ease-in-out .8s forwards}.play .mod_header__info{opacity:1;-webkit-transition:opacity .5s ease-in-out 2s}.play .mod_header__tit{-webkit-animation:fadeInUp .5s ease-in-out 2s forwards}.play .mod_header__guide{opacity:0;-webkit-transition:opacity .3s ease-in-out 2.2s;-webkit-animation:slide_up 2s ease-in-out 2.2s infinite}@-webkit-keyframes slide_up{0%,30%{opacity:0;-webkit-transform:translate3d(0,8px,0)}60%{opacity:1;-webkit-transform:translate3d(0,0,0)}100%{opacity:0;-webkit-transform:translate3d(0,-6px,0)}}.mod_nav{position:absolute;z-index:100;left:0;right:0;top:0}.mod_nav__con{position:relative;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:flex-end}.mod_nav__logo{position:absolute;left:.6rem;display:block;top:.5rem;width:2.18rem;height:.6rem;background:url(img/logo_light.png?max_age=2592000&v=a27534db9c015128219fcbabe6961b4b) no-repeat;background-size:100% auto;font-size:0;line-height:0}.mod_nav__down{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;height:1.2rem}.mod_nav__btn{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-sizing:border-box;padding:0 .2rem .02rem;height:.5rem;border-radius:.5rem;background-color:#fff;color:#fc1717}.mod_nav__menu{position:relative;width:1.4rem;height:1.4rem;margin:.08rem 0 .12rem}.mod_nav__menu path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1)}.mod_nav__menu .line--1,.mod_nav__menu .line--3{--total-length:111.22813415527344;--offset:-50.22813415527344}.mod_nav__menu .line--2{--total-length:99}.mod_nav--show .mod_nav__menu path{transform:translateX(30px);stroke:#000}.mod_nav--show .mod_nav__menu .line--1,.mod_nav--show .mod_nav__menu .line--3{--offset:-16}.mod_nav--show .mod_nav__menu .line--2{--offset:-20;opacity:0}.line--debug{opacity:0;stroke-dasharray:none}.mod_nav__bar{position:absolute;left:0;right:0;top:1.6rem;overflow:hidden}.mod_nav__list{position:absolute;left:0;right:0;top:-200%;padding:0 .6rem;background-color:#fff;-webkit-transition:all .6s ease-in-out}.mod_nav__item{position:relative}.mod_nav__item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:rgba(0,0,0,.2)}.mod_nav__item:last-child:after{display:none}.mod_nav__link{display:-webkit-flex;-webkit-align-items:center;height:1.2rem;font-size:.32rem;color:#000}.mod_nav--show .mod_nav__con{background-color:#fff;-webkit-transition:all .3s linear}.mod_nav--show .mod_nav__logo{background:url(img/logo_dark.png?max_age=2592000&v=dd9c476f39de0b2bf79ea6dc9deafc73) no-repeat;background-size:100% auto;-webkit-transition:all .3s linear}.mod_nav--show .mod_nav__list{top:0}.mod_nav--show .mod_nav__btn{background-color:#fc1717;color:#fff;-webkit-transition:all .3s linear}.mod_tit{margin:0 .8rem;font-weight:700}.mod_tit h2{font-size:.7rem;line-height:1.3}.mod_tit h3{font-size:.52rem;line-height:1.3}.mod_tit__desc{font-size:.3rem;color:#fff;opacity:.9;margin-top:.2rem}.btn_down{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-sizing:border-box;width:3rem;height:1rem;padding-bottom:.04rem;margin:0 auto;border-radius:999px;background-color:#fc1717;font-size:.36rem;color:#fff}.mod_tit__more{margin-bottom:.6rem}.mod_tit__ui{text-align:center;padding-top:1.2rem}.mod_tit__friend{position:relative;z-index:2}.mod_tit__first{text-align:center}.mod_tit__god,.mod_tit__mv,.mod_tit__sound{color:#000}.page_index .mod_tit h2,.page_index .mod_tit h3{opacity:0}.page_index.animated .mod_tit h2{-webkit-animation:fadeInUp .5s ease-in-out forwards}.page_index.animated .mod_tit h3{-webkit-animation:fadeInUp .5s ease-in-out .3s forwards}.page_ui__show{position:absolute;left:0;right:0;top:0;margin-top:1.8rem}.page_ui__list{display:-webkit-flex;-webkit-justify-content:center;margin-top:-.56rem}.page_ui__list:first-of-type{margin-top:-.3rem}.page_ui__item{-webkit-flex-shrink:0;width:2.6rem;height:5.52rem;margin:0 .15rem}.page_ui__img{display:block;width:2.6rem;height:5.52rem}.page_ui__item:nth-child(2){margin-top:.8rem}.page_ui__move .page_ui__item:nth-child(2n){-webkit-animation:slideDownToUp 8s linear infinite}.page_ui__move .page_ui__item:nth-child(2n+1){-webkit-animation:slideUpToDown 8s linear infinite}@-webkit-keyframes slideUpToDown{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-.4rem,0);transform:translate3d(0,-.4rem,0)}}@-webkit-keyframes slideDownToUp{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,.4rem,0);transform:translate3d(0,.4rem,0)}}.page_sound__show{position:relative;width:5.3rem;height:10rem;border-radius:.24rem;background-color:#000;margin:.6rem auto 0;box-shadow:0 0 .5rem rgba(0,0,0,.2)}.page_sound__voice{position:relative;padding-top:.3rem}.page_sound__voice .icon_a_s{display:none}.page_sound__score{display:block;width:5.15rem;height:3.32rem;margin:0 auto;background:url(img/intro/score.png?max_age=2592000&v=ca00ae2dcf2a7fd9cebd7ddcb4e36d3b) no-repeat;background-size:100% auto}.page_sound__word{margin:.8rem auto 0;color:rgba(255,255,255,.6);text-align:center;line-height:1.9}.page_sound__word p:first-child{font-size:.36rem;color:#fc1717;font-weight:700}.page_sound__box{position:absolute;left:-.3rem;right:-.3rem;bottom:0;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;height:2.1rem;padding:0 .4rem;border-radius:.24rem;background-color:#1a1a1a}.page_sound__list{position:relative;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;width:100%;margin-bottom:.2rem}.page_sound__list:before{content:"";position:absolute;left:.3rem;right:.3rem;bottom:.03rem;height:.04rem;border-radius:99px;background-color:rgba(255,255,255,.2)}.page_sound__item{position:relative;color:rgba(255,255,255,.6);font-size:.32rem}.page_sound__point{display:block;width:.1rem;height:.1rem;margin:.24rem auto 0;border-radius:99px;background-color:#919191;font-size:0;line-height:0}.page_sound__dot{position:absolute;left:.56rem;right:.56rem;bottom:.62rem}.page_sound__dot .page_sound__point{position:relative;width:.36rem;height:.36rem;margin:0;background-color:#fc1717}.page_sound__dot .page_sound__point:before{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background-color:#fc1717;-webkit-animation:zoomOut 1.7s ease-in-out 1s infinite;-webkit-transform-origin:50% 50%}.page_sound__dot .page_sound__point:before{width:.48rem;height:.48rem;margin:-.24rem 0 0 -.24rem;opacity:.3}@-webkit-keyframes zoomOut{0%,100%{opacity:.3;-webkit-transform:scale(1)}50%{opacity:.1;-webkit-transform:scale(1.3)}}.page_sound__show{-webkit-transform:translate3d(200%,0,0)}.page_sound__box{-webkit-transform:scale(.89);-webkit-transform-origin:center bottom}.page_sound__dot{opacity:0}.animated .page_sound__show{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .8s ease-in-out .3s}.active .page_sound__box{-webkit-animation:heartBeatSound .4s ease-in-out 1.2s forwards}@-webkit-keyframes heartBeatSound{0%{-webkit-transform:scale(.89);transform:scale(.89)}30%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.active .page_sound__dot{opacity:1;-webkit-transition:all .5s ease-in-out 1.4s;-webkit-animation:dotMove 3s linear 1.7s alternate infinite}.active .page_sound__item:nth-child(1){-webkit-animation:fontColor1 3s linear 1.7s alternate infinite}.active .page_sound__item:nth-child(2){-webkit-animation:fontColor2 3s linear 1.7s alternate infinite}.active .page_sound__item:nth-child(3){-webkit-animation:fontColor3 3s linear 1.7s alternate infinite}.active .page_sound__word{-webkit-animation:zoomWord 3s linear 1.7s alternate infinite}@-webkit-keyframes dotMove{0%,25%{-webkit-transform:translate3d(0,0,0)}38%,62%{-webkit-transform:translate3d(2.25rem,0,0)}100%,75%{-webkit-transform:translate3d(4.5rem,0,0)}}@-webkit-keyframes fontColor1{0%,25%{color:#fff;font-weight:700}38%,62%{color:rgba(255,255,255,.6)}100%,75%{color:rgba(255,255,255,.6)}}@-webkit-keyframes fontColor2{0%,25%{color:rgba(255,255,255,.6)}38%,62%{color:#fff;font-weight:700}100%,75%{color:rgba(255,255,255,.6)}}@-webkit-keyframes fontColor3{0%,25%{color:rgba(255,255,255,.6)}38%,62%{color:rgba(255,255,255,.6)}100%,75%{color:#fff;font-weight:700}}@-webkit-keyframes zoomWord{0%,25%{-webkit-transform:scale(1)}38%,62%{-webkit-transform:scale(1.3)}100%,75%{-webkit-transform:scale(1.6)}}.mod_slider{position:relative;width:100%;overflow:hidden;margin-top:.6rem}.mod_slider__con{display:-webkit-flex}.mod_slider__show{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;margin:.6rem 0 0}.mod_slider__dot{position:relative;width:.3rem;height:.06rem;border-radius:99px;background-color:#fff;opacity:.5;margin:0 .04rem;overflow:hidden;font-size:0;line-height:0;-webkit-transition:all .5s ease-in-out}.mod_slider__dot--current{position:relative;width:.8rem;opacity:.8}.page_more .mod_slider{margin-bottom:.6rem}.page_more .mod_slider__dot{background-color:#2a2a2a}.page_mv__list{display:-webkit-flex;-webkit-align-items:center;-webkit-transition:all .5s ease-in-out}.page_mv__item{position:relative;-webkit-flex-shrink:0;width:4.48rem;height:7.96rem;padding:.12rem .12rem .23rem;margin:0 .3rem}.page_mv__item:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);border-radius:.4rem;-webkit-transition:opacity .5s ease-in-out;pointer-events:none}.page_mv__frame{position:absolute;left:0;right:0;top:0;bottom:0;background:url(img/intro/frame.png?max_age=2592000&v=d72fee5586970976250e2fb996b15929) no-repeat;background-size:100% auto;pointer-events:none}.page_mv__img{display:block;width:4.48rem;height:7.96rem;border-radius:.2rem}.page_mv__play{position:absolute;left:0;right:0;top:0;bottom:0;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;background-color:rgba(0,0,0,.1);border-radius:.4rem}.page_mv__item--current .page_mv__play{display:none}.page_mv__video{position:absolute;left:.12rem;right:.12rem;top:.12rem;bottom:.23rem;overflow:hidden}.page_mv__video video{position:absolute;left:-1000px;top:0;z-index:-1}.page_mv__box{position:absolute;left:0;top:50%;width:100%;padding-top:177.78%;-webkit-transform:translateY(-50%)}.page_mv__video canvas{position:absolute;left:0;top:0;width:100%;height:100%!important}.page_mv .mod_slider__show,.page_mv__item:nth-child(2),.page_mv__item:nth-child(3),.page_mv__item:nth-child(4){opacity:0}.animated .page_mv__item:nth-child(2){-webkit-animation:fadeIn 1s ease-in-out .9s forwards}.animated .page_mv__item:nth-child(3){-webkit-animation:fadeIn 1s ease-in-out .6s forwards}.animated .page_mv__item:nth-child(4){-webkit-animation:fadeIn 1s ease-in-out .9s forwards}.page_mv .animated .mod_slider__show{opacity:1;-webkit-transition:opacity .3s ease-in-out 1.2s}.page_mv__item--current:after,.page_mv__item.swiper-slide-active:after{opacity:0}.page_friend__show{position:relative;height:12.6rem;margin-top:.6rem}.page_friend__seven{position:absolute;left:-1.6rem;top:0}.page_friend__info{position:absolute;right:-.8rem;top:.8rem;width:7.37rem;height:11.8rem}.page_friend__bg{width:7.37rem}.page_friend__bg img{display:block;width:7.37rem;height:11.8rem}.page_friend__list{position:absolute;left:.5rem;top:1.35rem;display:-webkit-flex;-webkit-align-items:center}.page_friend__item{position:relative;margin:0 .1rem}.page_friend__item img{position:relative;display:block;width:1rem;height:1rem}.page_friend__round{position:absolute;left:0;right:0;top:0;bottom:0;box-sizing:border-box;border:.02rem solid;border-radius:999px}.page_friend__item:nth-child(1) .page_friend__round{border-color:#febc32}.page_friend__item:nth-child(2) .page_friend__round{border-color:#9665fe}.page_friend__mv{position:absolute;left:1.6rem;top:4.47rem;width:4.7rem;height:4.7rem;border-radius:.16rem;overflow:hidden}.page_friend__t1,.page_friend__t2{position:absolute;left:50%;top:26%;margin-left:-2rem}.page_friend__t1 img,.page_friend__t2 img{display:block;width:4rem;height:2.8rem}.page_friend__im1,.page_friend__im2{position:absolute;left:50%;top:50%;margin:-4rem 0 0 -4rem}.page_friend__im1 img,.page_friend__im2 img{display:block;width:8rem;height:8rem}.page_friend__form{position:absolute;left:1.6rem;bottom:.6rem;width:4.67rem;height:.6rem;background:url(img/intro/share_bar.png?max_age=2592000&v=353937f695b19b0e10762ee8d686ec36) no-repeat;background-size:100% auto}.page_friend__flower{position:absolute;right:26%;top:.12rem;width:.36rem;height:.36rem;background:url(img/intro/flower.png?max_age=2592000&v=49eb32573cd231a100aaf06c5313b57f) no-repeat;background-size:100% auto}.page_friend__seven{opacity:0;-webkit-transform:translate3d(0,-2rem,0)}.page_friend__info{opacity:0;-webkit-transform:translate3d(0,4rem,0)}.page_friend__item{opacity:0}.page_friend__t2{-webkit-transform:translate3d(300%,100%,0)}.animated .page_friend__seven{-webkit-transform:translate3d(0,0,0);-webkit-transition:transform 1s ease-out .6s;-webkit-animation:fadeIn .3s ease-in-out .6s forwards,slideUpDown 6s ease-in-out 2s infinite}.animated .page_friend__info{-webkit-transform:translate3d(0,0,0);-webkit-transition:transform 1.2s ease-out .6s;-webkit-animation:fadeIn .3s ease-in-out .6s forwards,slideDownUp 6s ease-in-out 2s infinite}.animated .page_friend__item:nth-child(1){-webkit-animation:zoomIn .3s ease-in-out 1s forwards}.animated .page_friend__item:nth-child(1) .page_friend__round{-webkit-animation:fadeZoomOut 2s ease-in-out 1.5s infinite}.animated .page_friend__item:nth-child(2){-webkit-animation:zoomIn .3s ease-in-out 1.1s forwards}.animated .page_friend__item:nth-child(2) .page_friend__round{-webkit-animation:fadeZoomOut 2s ease-in-out 1.5s infinite}.animated .page_friend__item:nth-child(3){-webkit-animation:zoomIn .3s ease-in-out 1.2s forwards}.animated .page_friend__item:nth-child(4){-webkit-animation:zoomIn .3s ease-in-out 1.3s forwards}.animated .page_friend__item:nth-child(5){-webkit-animation:zoomIn .3s ease-in-out 1.4s forwards}.animated .page_friend__im1{-webkit-animation:zoomOutIn 6s ease-in-out 1.8s infinite}.animated .page_friend__im2{-webkit-animation:zoomInOut 6s ease-in-out 1.8s infinite}.animated .page_friend__t1{-webkit-animation:fadeOutIn 6s ease-in-out 1.8s infinite}.animated .page_friend__t2{-webkit-animation:fadeInOut 6s ease-in-out 1.8s infinite}.animated .page_friend__form{-webkit-transform:scale(1.2);-webkit-transition:transform .6s ease-out 1.8s}.active .page_friend__flower{-webkit-transition:all 1s ease-out 2.4s;-webkit-animation:fadeOut .3s ease-out 2.9s forwards}.active .page_friend__flower:nth-child(1){-webkit-transform:translate3d(-6rem,-4rem,0) scale(2)}.active .page_friend__flower:nth-child(2){-webkit-transform:translate3d(-4rem,-6rem,0) scale(1.7)}.active .page_friend__flower:nth-child(3){-webkit-transform:translate3d(-3rem,-9rem,0) scale(1.4)}.active .page_friend__flower:nth-child(4){-webkit-transform:translate3d(-2rem,-3rem,0) scale(1)}.active .page_friend__flower:nth-child(5){-webkit-transform:translate3d(-4rem,-8rem,0) scale(1.7)}.active .page_friend__flower:nth-child(6){-webkit-transform:translate3d(-6rem,-6rem,0) scale(2)}.active .page_friend__flower:nth-child(7){-webkit-transform:translate3d(3,-5rem,0) scale(1.2)}.active .page_friend__flower:nth-child(8){-webkit-transform:translate3d(1rem,-7rem,0) scale(1)}.active .page_friend__flower:nth-child(9){-webkit-transition:none;-webkit-animation:none}@-webkit-keyframes slideDownUp{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(.2rem)}}@-webkit-keyframes slideUpDown{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-.2rem)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.1)}50%{opacity:1}100%{opacity:1;-webkit-transform:scale(1)}}@-webkit-keyframes fadeZoomOut{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1.3)}}@-webkit-keyframes zoomInOut{from,to{opacity:0;-webkit-transform:scale(1)}25%{opacity:1}50%{opacity:1}75%{opacity:0;-webkit-transform:scale(1.2)}}@-webkit-keyframes zoomOutIn{from,to{opacity:1;-webkit-transform:scale(1)}25%{opacity:0}50%{opacity:0}75%{opacity:1;-webkit-transform:scale(1.2)}}@-webkit-keyframes fadeInOut{from,to{opacity:0;-webkit-transform:translate3d(300%,100%,0)}25%,50%{opacity:1;-webkit-transform:translate3d(0,0,0)}75%{opacity:0;-webkit-transform:translate3d(-300%,-100%,0)}}@-webkit-keyframes fadeOutIn{from,to{opacity:1;-webkit-transform:translate3d(0,0,0)}25%{opacity:0;-webkit-transform:translate3d(-300%,-100%,0)}50%{opacity:0;-webkit-transform:translate3d(300%,100%,0)}75%{opacity:1;-webkit-transform:translate3d(0,0,0)}}.page_room__show{position:relative}.page_room__img{display:block;width:5.3rem;height:11.28rem;margin:.8rem auto 0}.page_room__bg{position:absolute;top:1.4rem;left:50%;width:5.9rem;height:2.12rem;margin-left:-2.95rem;background-color:#fff;border-radius:.16rem;box-shadow:0 0 .6rem rgba(0,0,0,.1)}.page_room__list{position:absolute;top:1.4rem;left:50%;width:5.9rem;height:2.12rem;margin-left:-2.95rem;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-around}.page_room__icon{display:block;width:.71rem;height:.71rem}.page_room__desc{text-align:center;padding-top:.1rem}.page_room__bg,.page_room__desc,.page_room__icon,.page_room__img{opacity:0}.animated .page_room__img{-webkit-animation:fadeInUp .5s ease-in-out .6s forwards}.active .page_room__bg{opacity:1;-webkit-transition:opacity .3s ease-in-out 1s;-webkit-animation:heartBeat 1s ease-in-out 1s forwards}.active .page_room__item:nth-child(1) .page_room__icon{-webkit-animation:zoomIn .3s ease-in-out 1.6s forwards}.active .page_room__item:nth-child(2) .page_room__icon{-webkit-animation:zoomIn .3s ease-in-out 1.7s forwards}.active .page_room__item:nth-child(3) .page_room__icon{-webkit-animation:zoomIn .3s ease-in-out 1.8s forwards}.active .page_room__item:nth-child(1) .page_room__desc{opacity:1;-webkit-transition:opacity .3s ease-in-out 1.7s}.active .page_room__item:nth-child(2) .page_room__desc{opacity:1;-webkit-transition:opacity .3s ease-in-out 1.8s}.active .page_room__item:nth-child(3) .page_room__desc{opacity:1;-webkit-transition:opacity .3s ease-in-out 1.9s}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.2);transform:scale(1.2)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.1);transform:scale(1.1)}70%{-webkit-transform:scale(1);transform:scale(1)}}.page_god__show{position:relative;width:5.9rem;height:9.04rem;margin:.8rem auto 0;overflow:hidden}.page_god__img{display:block;width:5.9rem;height:9.04rem}.page_god__score{position:absolute;top:.7rem;right:.24rem;display:-webkit-flex;-webkit-align-items:flex-end;-webkit-justify-content:center}.page_god__score em{margin-left:.1rem;color:#fff}.page_god__num{width:1.48rem;height:.75rem;background:url(img/intro/sprite_num.png?max_age=2592000&v=b3ba72647776d559ac12599686c1a5f9) no-repeat;background-size:16.28rem auto;font-size:0;line-height:0}.page_god__level{position:absolute;left:50%;top:2.2rem;width:4.32rem;height:3.6rem;margin-left:-2.16rem;background-repeat:no-repeat;background-size:100% auto;font-size:0;line-height:0}.page_god__level1{background-image:url(img/intro/big_a.png?max_age=2592000&v=55c96f6067086268e6c1748922d41a75)}.page_god__level2{background-image:url(img/intro/big_sss.png?max_age=2592000&v=22cba8b3888acf7690dca0afe5290dc7)}.page_god__btn{position:absolute;left:50%;bottom:1.7rem;width:4.53rem;height:1.11rem;margin-left:-2.26rem;background:url(img/intro/god_btn.png?max_age=2592000&v=56046fad1f35a97021306f184d8f4e92) no-repeat;background-size:100% auto;font-size:0;line-height:0}.page_god__time{position:absolute;left:50%;bottom:.7rem;width:4.32rem;height:.29rem;margin-left:-2.16rem;background:url(img/intro/god_bar.png?max_age=2592000&v=bb245a9125328d69d41ec9d2551e7297) no-repeat;background-size:100% auto;font-size:0;line-height:0}.page_god__btn,.page_god__img,.page_god__level,.page_god__score,.page_god__time{opacity:0}.page_god__level1{-webkit-transform:scale(.3)}.page_god__btn{-webkit-transform:translate3d(0,100%,0)}.animated .page_god__img{opacity:1;-webkit-transition:opacity .5s ease-in-out .6s}.animated .page_god__score{-webkit-animation:fadeInLeft .5s ease-in-out .8s forwards}.animated .page_god__level1{opacity:1;-webkit-transform:scale(1);-webkit-transition:all .5s ease-in-out 1s}.animated .page_god__btn{opacity:.6;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .5s ease-in-out 1.2s}.animated .page_god__time{-webkit-animation:fadeInUp .5s ease-in-out 1.2s forwards}.active .page_god__num{-webkit-animation:godScore .6s steps(10,end) 2.3s both}@-webkit-keyframes godScore{0%{background-position:0 0}100%{background-position:-14.8rem 0}}.active .page_god__btn{-webkit-animation:pulseIn .5s ease-in-out 1.8s forwards}.active .page_god__level1{-webkit-animation:fadeOut .5s ease-in-out 2.5s forwards}.active .page_god__level2{-webkit-animation:fadeIn .5s ease-in-out 2.8s forwards}@-webkit-keyframes pulseIn{0%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:.6;-webkit-transform:scale(.6);transform:scale(.6)}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.page_first__logo{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;width:2.6rem;height:2.6rem;margin:.8rem auto;border-radius:.52rem;background-color:#fff;box-shadow:0 0 .6rem rgba(0,0,0,.05)}.icon_logo_red{display:block;width:1.9rem;height:1.9rem;background:url(img/intro/logo_red.png?max_age=2592000&v=d75dc85f511854a7cbab7707f2ab6b72) no-repeat;background-size:100% auto;font-size:0;line-height:0}.icon_user{display:block;width:.41rem;height:.41rem;margin:0 .05rem;background:url(img/intro/icon_user.png?max_age=2592000&v=a9eafe2825b0287ed89a24ed05a7c9a8) no-repeat;background-size:100% auto;font-size:0;line-height:0}.page_first__scroll{display:-webkit-flex;width:100%;margin:.2rem 0;overflow:hidden}.page_first__list{-webkit-flex-shrink:0;display:-webkit-flex}.page_first__item{-webkit-flex-shrink:0;display:-webkit-flex;-webkit-align-items:center;height:.51rem;padding-right:.3rem;margin:0 .15rem;border-radius:99px;background-color:#fc1717;color:#fff}.page_first__pic{display:block;width:.41rem;height:.41rem;margin:0 .05rem;border-radius:99px}.page_first .btn_down{margin-top:.8rem}.page_first .btn_down,.page_first__list,.page_first__logo{opacity:0}.animated .page_first__logo{-webkit-animation:fadeIn 1s ease-in-out .6s forwards}.animated .page_first__scroll1 .page_first__list{-webkit-animation:fadeIn 1s ease-in-out .8s both,slideScroll 31s linear 1s infinite}.animated .page_first__scroll2 .page_first__list{-webkit-animation:fadeIn 1s ease-in-out .8s both,slideScroll 32s linear 1s infinite}.animated .page_first__scroll3 .page_first__list{-webkit-animation:fadeIn 1s ease-in-out .8s both,slideScroll 31.5s linear 1s infinite}.animated .page_first__scroll4 .page_first__list{-webkit-animation:fadeIn 1s ease-in-out .8s both,slideScroll 30.5s linear 1s infinite}.animated.page_first .btn_down{-webkit-animation:fadeIn 1s ease-in-out 1s forwards}@-webkit-keyframes slideScroll{0%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-100%,0,0)}}@media screen and (-webkit-min-device-pixel-ratio:2){.mod_nav__item:after{-webkit-transform:scaleY(.5)}}